<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Tutorial: Hello Dojo!</title>
    <!-- load Dojo -->
    <script src="http://ajax.googleapis.com/ajax/libs/dojo/1.10.0/dojo/dojo.js"
            data-dojo-config="async: true"></script>
    
</head>
<body>
    <h1 id="greeting">Hello</h1>
            
            <script>
            require([
                     'dojo/dom',
                     'dojo/dom-construct',
                     'dojo/fx',
                     'dojo/domReady!'
                 ], function (dom,domConstruct,fx) {
                     // The piece we had before...
                     var greeting = dom.byId('greeting');
                     domConstruct.place('<i> Dojo !</i>',greeting);
                     
                     fx.slideTo({
                    	 node:greeting,
                    	 top:100,
                    	 left:200
                     }).play();
                              
            });
    </script>
</body>
</html>